<%@ page language="java" contentType="text/html; charset=UTF-8"  
pageEncoding="UTF-8"%>  
<%@ page isELIgnored="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<script src="${pageContext.request.contextPath}/asset/application.js">
</script>
<script
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>
<script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<link href="//cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
<title>Insert title here</title>  
</head>  
<body>  
<form:form action="${pageContext.request.contextPath}/HelloWorld/query" modelAttribute="selectorQuery">
<div class="container">
<div class="row">
	<div class="col-md-3">
	Name:
	</div>
	<div class="col-md-5">
	<form:input path="name" class="form-control"/>
	</div>
</div>
<div class="row">
	<div class="col-md-3">
	Selector:
	</div>
	<div class="col-md-5">
	<form:select path="selector" items="${selectorList }" class="form-control"></form:select>
	</div>
</div>
<div class="row">
<div class="col-md-3">
	
	</div>
	<div class="col-md-5">
	<form:button id="query" class="btn btn-success">查询</form:button>
	</div>
</div>

<c:if test="${ not empty image }">
<div class="row">
	<div class="col-md-3">
	Name:
	</div>
	<div class="col-md-5">
	<c:out value="${image.imageName }"></c:out>
	</div>
</div>
<div class="row">
	<div class="col-md-3">
	Selector:
	</div>
	<div class="col-md-5">
	<c:out value="${image.imageScreenSize }"></c:out>
	</div>
</div>
<div class="row">
	<div class="col-md-3">
	Image:
	</div>
	<div class="col-md-5">
	<img alt="" src="${image.imageLocation }">
	</div>
</div>
</c:if>
</div>
</form:form>
</body> 